const {
  createEnterPlugin,
  createEnterOddAndEvenPlugin,
} = require('./src/design/tailwindcssPlugin/animatePlugin');
const light = require('./src/design/tailwindcssTheme/light');
const dark = require('./src/design/tailwindcssTheme/dark');
const colors = require('tailwindcss/colors');
module.exports = {
  corePlugins: {
    preflight: false,
  },
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        transparent: 'transparent',
        current: 'currentColor',
        ...light(colors),
        ...dark(colors),
      },
      backgroundImage: {
        'home-bg':
          'linear-gradient(94.09deg, rgba(7, 23, 64, 0.55) -24.61%, rgba(134, 142, 165, 0.473717) 14.01%, rgba(153, 162, 185, 0.378125) 54.01%, #C8CFE0 98.78%);',
        'home-bg-dark':
          'linear-gradient(94.09deg, rgba(7, 23, 64, 0.55) -24.61%, rgba(134, 142, 165, 0.473717) 14.01%, rgba(153, 162, 185, 0.378125) 54.01%, #C8CFE0 98.78%);',
      },
    },
  },
  plugins: [createEnterPlugin(), createEnterOddAndEvenPlugin(15)],
};
